@charset "utf-8";
html{font-size:50px}
body,h1,h2,h3,h4,p,ul,ol,li,input,textarea{margin:0;padding:0}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
body,button,input,select,textarea{font-family:"Microsoft YaHei"}
ul{list-style:none}
a{color:#000;text-decoration:none}
input:focus{outline:none}
img{border:none}
.mar-t10{margin-top:.2rem}
.bg1{background-color:#3b9600}
.bgColor2{background-color:#f6f6f6}
.bgColor3{background-color:#d3d3d3;}
input::-webkit-input-placeholder{color:#aaa}
.input:focus::-webkit-input-placeholder{color:#eee}
.mar10{margin-right:.2rem}
.mar-b20{margin-bottom:.4rem}
.mar-b30{margin-bottom:.6rem}
@font-face{font-family:'iconfont';src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg')}.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased}
html,body,.page,.loading-mask{width:100%;height:100%;overflow:hidden}
.page{position:absolute;top:0;left:0;z-index:99}
.header,.footer,.content,.content2,.content3{position:absolute;left:0;right:0}
.header{height:.8rem;border-bottom:1px solid #ddd;top:0;z-index:1;background-color:#fff}
.footer{height:1rem;bottom:0;z-index:1}
.content{top:.82rem;bottom:1rem;overflow:auto;-webkit-overflow-scrolling:touch}
.content2{top:0;bottom:1rem;overflow:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.content3{top:.82rem;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.container{background-color:#e8e8e8}
.loading-mask{position:absolute;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,0.6);display:none}
.spinner{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px}
.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#ccc;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.spinner .spinner-container{position:absolute;width:100%;height:100%}
.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
.circle1{top:0;left:0}
.circle2{top:0;right:0}
.circle3{right:0;bottom:0}
.circle4{left:0;bottom:0}
.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}
.container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
.container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
.container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
.container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
.container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}
.container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}
.container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}
.container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}
@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0)} 40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0);-webkit-transform:scale(0)} 40%{transform:scale(1);-webkit-transform:scale(1)}}.header-search{background-color:#f00;padding:.2rem;background-color:#fff;overflow:hidden}
.search-form{height:.68rem;margin:0 auto;border-radius:.3rem;display:-webkit-box;display:box;background-color:#ddd}
.search-form .search-form-input{-webkit-box-flex:1;box-flex:1;font-size:.28rem}
.search-form-input input{width:95%;height:.4rem;border:0;background-color:#ddd;margin-top:.14rem}
.search-form .search-icon{display:block;width:.4rem;height:.4rem;line-height:.4rem;text-align:center;font-size:.28rem;margin:.14rem .1rem 0 .2rem}
.default-txt{font-size:.32rem;width:80%;margin:30% auto;color:#ff6400}
.rect-banner{height:3rem;background:url(../imgs/1.jpg) no-repeat;background-size:100% 100%}
.banner-area{height:3.6rem;padding:.3rem .2rem;background-color:#fff;border-bottom:1px solid #ddd;overflow:hidden;position:relative;margin-bottom:.36rem}
.banner-area .banner-left,.banner-area .banner-right{width:50%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;overflow:hidden}
.banner-area .banner-left{padding-right:1%;position:relative;font-size:.28rem}
.banner-area .banner-left .item-txtinfo{bottom:0}
.banner-area .banner-right{padding-left:1%}
.banner-area .right-item{width:100%;height:50%;background-color:#fff}
.banner-area .right-item-top,.banner-area .right-item-bottom{position:relative;font-size:.28rem}
.banner-area .right-item-top{background:url(../imgs/cartoon3.jpg) no-repeat;background-size:100% 100%}
.banner-area .right-item-bottom{background:url(../imgs/cartoon4.jpg) no-repeat;background-size:100% 100%}
.item-txtinfo{width:100%;height:20px;position:absolute;bottom:2%;left:0;z-index:10;text-indent:.1rem;color:#fff}
.banner-area .right-item-top::after,.banner-area .right-item-bottom::before{content:"";width:100%;height:2%;position:absolute;left:0;background-color:#fff}
.banner-area .right-item-top::after{bottom:0}
.banner-area .right-item-bottom::before{top:0}
.banner-area .item-icon{position:absolute;top:0;right:0;width:.6rem;height:.6rem;overflow:hidden;background-color:#ccc}
.banner-area .right-item-bottom .item-icon{top:2%}
.banner-area .right-item-txt{position:absolute;bottom:0;left:0;font-size:.28rem;width:100%;height:.4rem;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-indent:.08rem;color:#fff}
.banner-left>img{display:block;width:100%;min-height:3.6rem}
.banner-right{padding-left:.2rem}
.flag{float:left;width:.08rem;height:100%;background-color:#ff6e00;margin-right:.12rem}
.music-module .music-box{background-color:#fff;margin-bottom:.36rem}
.music-module .music-box:last-child{margin-bottom:0}
.music-title{height:.4rem;line-height:.4rem;padding:.3rem .2rem;font-size:.28rem;position:relative;font-weight:normal;border-bottom:1px solid #ddd;position:relative}
.music-module .more-btn{font-size:.28rem;color:#ff7a29;font-weight:normal;position:absolute;top:.3rem;right:.2rem}
.music-module .kmusic-item{position:relative;padding:.1rem 1.7rem .1rem .2rem;border-bottom:1px solid #ddd}
.music-module .common-btn{border:1px solid #ff6400}
.music-module .common-icon::before{background-color:#ff6400}
.music-module .common-icon::after{background-color:#ff6400}
.music-module .music-box .common-txt{color:#ff6400}
.select-btn{position:absolute;top:50%;right:.2rem;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
.select-btn.select-btn-active{background-color:rgba(250,100,0,0.4)}
.select-btn2,.select-btn3,.select-btn4{position:absolute;top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
.select-btn4-active{background-color:#f90;color:#222}
.common-btn{padding:.04rem .12rem;border:1px solid #222;border-radius:2px;font-size:0;line-height:normal}
.common-btn.common-btn-active{background-color:rgba(250,100,0,0.4)}
.common-btn .common-icon,.common-btn .common-txt{display:inline-block;height:.4rem;line-height:.4rem;vertical-align:middle;color:#222}
.common-btn .common-icon{width:.32rem;position:relative;margin-right:.12rem;font-size:.28rem}
.common-btn .common-txt{font-size:.28rem}
.btn-choose.btn-choose-active{background-color:rgba(250,100,0,0.4)}
.icon-add::before{content:"";display:block;width:80%;height:.04rem;background-color:#222;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.icon-add::after{content:"";display:block;width:.04rem;height:80%;background-color:#222;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.music-module .kmusic-name,.music-module .kmusic-singer{height:.5rem;line-height:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}
.music-module .kmusic-name{font-size:.3rem}
.music-module .kmusic-singer{font-size:.26rem;color:#999}
.music-module .rec-list{overflow:hidden;margin-right:-0.2rem;padding:.2rem .2rem 0}
.music-module .music-index{width:.8rem;height:1rem;line-height:1rem;color:#999;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-item .music-name,.music-item .music-singer{font-size:.36rem;line-height:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}
.music-item .music-name{font-size:.3rem}
.music-item .music-singer{font-size:.28rem;color:#999}
.rect-music-list{display:-webkit-box;display:box;position:relative;padding:.1rem .2rem;overflow:hidden}
.rect-music-list::after{content:" ";position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #979797;-webkit-transform-origin:0 100%;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.rect-music-list .music-name{margin-top:.2rem}
.rect-music-list .item-thumb{width:1.6rem;height:1.6rem;margin-right:.2rem;font-size:0;overflow:hidden}
.rect-music-list .item-thumb>img{vertical-align:top;width:100%;height:100%}
.rect-music-list .music-cont{-webkit-box-flex:1;box-flex:1}
.item-gotobtn{width:.32rem;text-align:center;color:#666}
.rect-music-list .item-gotobtn{height:1.6rem;position:relative}
.rect-music-list .item-gotobtn::before{content:"";display:block;width:.2rem;height:.2rem;border-top:2px solid #ddd;border-right:2px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;right:0;margin-top:-0.1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.memusic-list .memusic-item{position:relative;height:.8rem;line-height:.8rem;padding-left:.2rem;font-size:.28rem;display:-webkit-box;display:box}
.memusic-list .radio-btn{display:block;width:.8rem;height:.8rem;text-align:center}
.memusic-list .memusic-main{display:block;-webkit-box-flex:1;box-flex:1}
.memusic-list .memusic-gonext{width:.32rem;height:.8rem;text-align:center}
.rec-music{overflow:hidden}
.rec-item{width:33.333%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:.2rem;margin-bottom:.52rem}
.rec-img{width:100%;height:0;padding-bottom:100%;position:relative}
.rec-img>img{position:absolute;width:100%;height:100%;border-radius:.08rem}
.rec-item>p{font-weight:bold;font-size:.28rem;padding:0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:.58rem;font-weight:normal}
.tabbar{height:1rem;display:-webkit-box;background-color:#f7f7f7;z-index:1000;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.1rem;box-shadow:0 -2px 4px rgba(0,0,0,0.3)}
.tabbar-fixbottom{position:fixed;left:0;right:0;bottom:0;width:100%}
.tabbar-fixbottom:before{content:' ';background:-webkit-linear-gradient(top, #ddd, #fff 5%);background:linear-gradient(top, #ddd, #fff 5%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.tabbar-item{display:block;width:0;-webkit-box-flex:1;position:relative;-webkit-tap-highlight-color:transparent;color:#888}
.tabbar-item.tabbar-item-active{color:#ff6400}
.tabbar-item-center::before{content:"";width:.8rem;height:.8rem;border-radius:.4rem;background-color:#fff;position:absolute;top:0;left:50%;margin-left:-0.4rem;margin-top:-0.2rem}
.tabbar-icon-center{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:1000}
.tabbar-icon{margin:0 auto;width:.48rem;height:.48rem;line-height:.48rem;text-align:center;font-size:.46rem;color:inherit}
.tabbar-icon-special01{font-size:.389rem}
.tabbar-icon-special02{line-height:.42rem}
.tabbar-icon img{display:block;width:100%;height:100%}
.tabbar-label{margin-top:.1rem;text-align:center;font-size:.24rem;color:inherit}
.navbar-bottom{position:absolute;bottom:0;left:0;right:0;width:100%}
.navbar-bottom:before{content:' ';background:-webkit-linear-gradient(top, #bbb, #eee, #fff 4%);background:linear-gradient(top, #bbb, #eee, #fff 4%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.navbar-topfix{position:fixed;top:0;right:0;left:0;width:100%;border-bottom:1px solid #ddd;background-color:#f8f8f8;z-index:1000}
.back-btn,.back-btn2,.music-record,.navbar-title{height:.8rem;line-height:.8rem;text-align:center}
.back-btn,.back-btn2,.music-record{width:.8rem;position:absolute;top:0;font-size:.24rem;z-index:1000}
.back-btn,.back-btn2{left:0;font-size:.4rem;color:#ff6400}
.back-btn2::before,.back-btn::before{content:"";display:block;width:.2rem;height:.2rem;border-top:2px solid #ff7a29;border-left:2px solid #ff7a29;position:absolute;top:50%;left:50%;margin-top:-0.1rem;margin-left:-0.1rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.music-record{right:0;font-weight:normal}
.navbar-title{padding:0 .8rem;font-size:.32rem;font-weight:normal}
.music-wrap{background-color:#fff;}
.music-hidden-panel{height:1rem;background-color:#e6e6e6;position:relative;display:none}
.flex-box{height:100%;display:-webkit-box;display:box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;box-pack:justify;-webkit-box-align:center;box-align:center;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.flex-box .common-btn{padding:.07rem .12rem}
.music-wrap .music-hidden-panel .btn-groups{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.music-hidden-panel::before{content:"";width:.2rem;height:.2rem;background-color:#e6e6e6;position:absolute;top:-0.1rem;left:50%;margin-left:-0.1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:10}
.music-hidden-panel::after{content:"";width:.2rem;height:.2rem;background-color:#e6e6e6;position:absolute;top:-0.08rem;left:50%;margin-left:-0.1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:11}
.music-num{width:.8rem;height:1rem;line-height:1rem;text-align:center;color:#999;font-size:.24rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-detail{-webkit-box-flex:1;box-flex:1}
.music-box .music-visible-panel .music-detail{padding-left:.2rem}
.music-visible-panel{display:-webkit-box;display:box;position:relative;padding:.1rem 0;border-bottom:1px solid #ddd}
.music-visible-panel.visible-panel-active{background-color:rgba(204,204,204,0.4)}
.music-visible-panel .music-num{width:.8rem;height:1rem;line-height:1rem;text-align:center;color:#999;font-size:.24rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-visible-panel .music-detail{-webkit-box-flex:1;box-flex:1}
.music-visible-panel .music-btn{width:2rem;height:1rem;position:relative}
.music-visible-panel .mine-txt{height:.6rem;line-height:.6rem;font-size:.28rem;-webkit-box-flex:1;box-flex:1}
.music-visible-panel .mine-btn{width:30px;height:30px;line-height:.6rem;text-align:center;background:url(../imgs/iconBg.png);background-size:100%;font-size:.24rem}
.mine-list{padding-left:.2rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.mine-list .mine-item{font-size:.32rem;height:.8rem;line-height:.8rem;position:relative;border-bottom:1px solid #ddd}
.mine-list .mine-item::after{content:"";display:block;width:.2rem;height:.2rem;border-top:2px solid #ddd;border-right:2px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;right:.2rem;margin-top:-0.1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mine-list .mine-item:last-child{border-bottom:0}
.service-title{height:.4rem;line-height:.4rem;padding:.3rem .2rem;font-size:.28rem;font-weight:normal;position:relative;background-color:#f8f8f8;border-top:1px solid #ddd}
.user-validate{font-size:.31rem;background-color:#f1f1f1;padding:.34rem .2rem;display:none}
.service-group>li{font-size:.28rem;padding:10px;overflow:hidden}
.service-group .active{background-color:rgba(204,204,204,0.4)}
.icon-radio{float:left;width:22px;height:18px;background:url(../imgs/iconBg.png) no-repeat;background-position:0 0;background-size:100%;margin-right:5px}
.icon-radio.icon-radio-active{background-position:0 -20px}
.service-intro{font-size:.28rem;padding:10px;line-height:.6rem;color:#ff6400;margin-top:20px}
.payment-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:.28rem;padding-right:.28rem;box-sizing:border-box;line-height:.8rem;font-size:.36rem;text-align:center;text-decoration:none;color:#fff;border-radius:.1rem;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;background-color:#ff6400;margin-top:.6rem;width:90%}
.payment-btn::after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid rgba(0,0,0,0.2);-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;box-sizing:border-box;border-radius:.2rem}
.payment-btn.payment-btn-ative{background-color:#ccc}
.control-header{height:.82rem;background-color:#403c4e}.control-header .control-title{height:100%;line-height:.82rem;font-size:.32rem;padding:0 .2rem;color:#fff}
.control-close{position:absolute;right:0;left:0}
.control-wrap{background-color:#403c4e}
.control-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#403c4e;-webkit-user-select:none;user-select:none}
.control-main{position:absolute;top:50%;right:0;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
.btn-panel,.txt-panel{display:-webkit-box;display:box;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center}
.effect-panel{margin-bottom:.2rem;overflow:hidden}.effect-panel .effect-btn{width:1rem;height:1rem;float:left;position:relative;margin-left:.2rem;background-color:#eb4f38;border-radius:50%;border-width:.1rem;border-style:solid;border-color:#3b3649}
.effect-panel .effect-btn.effect-btn-active{border-color:rgba(245,239,76,0.4)}
.effect-panel img{display:block;width:100%;height:100%}
.control-btn{position:relative;padding:.12rem;border-radius:50%;background-color:#3b3649;color:#fff}
.control-btn.control-btn-active>div{background-color:rgba(250,100,0,0.4)}
.control-btn1>div,.control-btn4>div{width:1rem;height:1rem;border-radius:.5rem;text-align:center;line-height:1rem}
.control-btn1>div{font-size:36px;background-color:#d057c6}
.control-btn4>div{font-size:44px;line-height:1.1rem;background-color:#6cba50}
.control-btn2>div{width:1.4rem;height:1.4rem;border-radius:50%;font-size:1.3rem;line-height:1.3rem;text-align:center;background-color:#e35644}
.control-btn3>div{width:1.2rem;height:1.2rem;border-radius:50%;background:#2b8786;position:relative}
.control-btn-play,.control-btn-pause{width:1.2rem;height:1.2rem}
.control-btn-play:before,.control-btn-pause:before{content:"";position:absolute;top:50%;left:50%;display:block;width:.9rem;height:.9rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #fff;border-radius:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.control-btn-play:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border:.2rem solid transparent;border-left-color:#fff;-webkit-transform:translate(-50%, -50%);transform:translate(-0.08rem, -50%);background:transparent}
.control-btn-pause:after{content:"";position:absolute;top:50%;left:50%;width:.1rem;height:.3rem;border:.14rem solid #fff;border-width:0 .14rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:transparent}
.txt-panel{margin-top:.1rem;margin-bottom:1rem}
.txt-item{height:.6rem;display:block;text-align:center;font-size:.36rem;color:#fff}
.txt-item1,.txt-item4{width:1.2rem}
.txt-item2{width:1.8rem}
.txt-item3{width:1.6rem}
.sound-panel{overflow:hidden}
.sound-panel .sound-item,.sound-txt{width:50%;float:left;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;font-size:.36rem;color:#fff}
.sound-btn{border:1px solid #fff;width:2.2rem;height:.8rem;position:relative;background-color:#403c4e}
.sound{height:100%;position:relative;float:left;width:50%}
.sound-btn:before{content:"";width:1px;height:100%;position:absolute;top:0;left:50%;-webkit-transforn:translate(-50%, 0);transforn:translate(-50%, 0);background-color:#fff}
.sound-active{background-color:rgba(250,100,0,0.4)}
.sound-btn .sound-minus,.sound-btn .sound-add{width:50%;height:100%;float:left;position:relative}
.sound-btn .sound-minus:before,.sound-btn .sound-add:before{content:"";width:.4rem;height:.12rem;position:absolute;top:50%;left:50%;margin-top:-0.06rem;margin-left:-0.2rem;background-color:#fff}
.sound-btn .sound-add:after{content:"";width:.12rem;height:.4rem;position:absolute;top:50%;left:50%;margin-top:-0.2rem;margin-left:-0.06rem;background-color:#fff}
.icon-forward{position:absolute;top:50%;left:50%;width:0;height:0;border:.2rem solid transparent;border-left:.2rem solid #fff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-sizing:border-box;box-sizing:border-box}
.icon-forward:before{content:"";position:absolute;left:0;top:-0.2rem;width:0;height:0;border:.2rem solid transparent;border-left:.2rem solid #fff}
.icon-rewind{position:absolute;top:50%;left:50%;width:0;height:0;border:.2rem solid transparent;border-right:.2rem solid #fff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-sizing:border-box;box-sizing:border-box}
.icon-rewind:before{content:"";position:absolute;left:-0.4rem;top:-0.2rem;width:0;height:0;border:.2rem solid transparent;border-right:.2rem solid #fff}
.sound-txt{margin-top:.3rem}
.control-close{bottom:0;height:1rem;background-color:#494459}
.control-close .close-btn{width:.6rem;height:.6rem;position:absolute;top:50%;left:50%;margin-top:-0.3rem;margin-left:-0.3rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.control-close .close-btn::before,.control-close .close-btn::after{content:"";position:absolute;background-color:#efc849}
.control-close .close-btn::before{width:100%;height:.06rem;top:50%;left:0;margin-top:-0.03rem}
.control-close .close-btn::after{width:.06rem;height:100%;top:0;left:50%;margin-left:-0.03rem}
.search-box{height:100%;padding:0 .8rem;overflow:hidden}
.search-box .search-form{margin-top:.06rem;border-radius:.06rem;background-color:#ddd}
.navbar-top .music-record{color:#ff6400;font-size:.28rem}
.search-wrap{}
.search-item{padding:.1rem .2rem;background-color:#fff;border-bottom:1px solid #ddd}
.search-item .search-pic{width:1rem;height:1rem;border-radius:.12rem;overflow:hidden;margin-right:.2rem;float:left;line-height:1rem;text-align:center;font-size:.56rem}
.search-item .search-pic img{display:block;width:100%;height:100%}
.search-item .search-txt{line-height:1rem;font-size:.32rem}
.singer-category .search-box{padding:.1rem .2rem;background-color:#f8f8f8}
.singer-category .search-form{margin-top:0}
.singer-category{}
.category-cont{background-color:#f8f8f8}
.singer-category .category-list{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.singer-category .category-list:last-child{margin-top:.4rem}
.category-item{font-size:.28rem;height:.8rem;line-height:.8rem;padding:0 .2rem;position:relative;background-color:#fff;border-bottom:1px solid #ddd}
.category-item:after{content:"";width:.16rem;height:.16rem;border-top:2px solid #ddd;border-right:2px solid #ddd;position:absolute;top:50%;right:.2rem;margin-top:-0.1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.category-item:last-child{border-bottom:0}
.singer-wrap{}
.singer-list{background-color:#fff}
.singer-item{height:1rem;line-height:1rem;position:relative;padding:.1rem .2rem;border-bottom:1px solid #ddd}
.singer-item:after{content:"";width:.16rem;height:.16rem;border-top:2px solid #ddd;border-right:2px solid #ddd;position:absolute;top:50%;right:.2rem;margin-top:-0.1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.singer-thumb{width:1rem;height:1rem;float:left;margin-right:.2rem;border-radius:.08rem;overflow:hidden}
.singer-thumb>img{display:block;width:100%;height:100%}
.singer-name{font-size:.32rem}
.singer-detail-pic{height:3rem;background-color:#f90;background-size:100%;-webkit-background-size:100%}
.music-wrap-cont{background-color:#fff}
.rank-mitem{padding:.2rem .2rem .1rem;background-color:#fff;border-bottom:1px solid #ddd}.rank-mitem .rank-title{padding-bottom:.1rem;font-size:.28rem;color:#000}
.rank-mitem .rank-mwrap{display:-webkit-box;display:box}
.rank-mitem .rank-thumb{width:1.6rem;height:1.6rem;overflow:hidden;margin-right:.2rem}
.rank-mitem .rank-thumb>img{display:block;width:100%;height:100%}
.rank-mitem .rank-top-music{-webkit-box-flex:1;box-flex:1}
.rank-mitem .top-music-name{line-height:.52rem;height:.52rem;font-size:.24rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.rank-mitem .arrow-right{width:.2rem;position:relative}
.rank-mitem .arrow-right::after{content:"";display:block;width:6px;height:6px;border-top:1px solid #ccc;border-right:1px solid #ccc;position:absolute;top:50%;right:0;-webkit-transform:translate(0, -50%) rotate(45deg);transform:translate(0, -50%) rotate(45deg)}
.rank-mitem.rank-mitem-active{background-color:rgba(204,204,204,0.4)}
.loading{display:none;height:40px;line-height:40px;text-align:center;font-size:.28rem}.loading>img{display:inline-block;width:30px;height:30px;vertical-align:middle}
.swiper{padding:.2rem .2rem 0;background-color:#f8f8f8}
.swiper-container{height:2.6rem;margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;display:-webkit-box;display:box;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{text-align:center;font-size:18px;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:auto;position:relative}
.swiper-slide .col3{width:33.3333%;float:left;position:relative}
.swiper-slide .slide-img{height:0;padding-bottom:100%;position:relative}
.swiper-slide .slide-img>img{display:block;width:80%;height:100%;border-radius:6px;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
.swiper-slide p{margin:3px 0 0;text-align:center;font-size:.12rem}
.swiper-pagination-bullets{position:absolute;bottom:0;left:0;width:100%;text-align:center;-webkit-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;line-height:.76rem}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.cover{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none}
.cover.cover-visible{display:block}
.dialog{position:fixed;width:85%;background-color:#fafafc;text-align:center;border-radius:3px;-webkit-transform:scale(.9);transform:scale(.9);margin:0;left:7.5%;top:30%;z-index:101}
.dialog.dialog-visible{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}
.dialog-hd{padding:.4rem .2rem;font-size:.32rem;position:relative}
.dialog-bd{padding:0 20px;font-size:15px;color:#888;word-wrap:break-word;word-break:break-all}
.dialog-ft{position:relative;line-height:42px;margin-top:20px;font-size:17px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.dialog-ft::before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.btn-dialog{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#3cc51f;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.toast{max-width:80%;min-width:30%;border-radius:.1rem;padding:.15rem;font-size:.4rem;color:#fff;position:fixed;top:30%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:103;background:rgba(0,0,0,0.75);display:none;test-align:center;text-align-last:left}
.toast-visible{display:block}
.icon-toast{display:block;margin:0 auto;height:30px;width:30px;background:url(../imgs/loading.gif) no-repeat center center;background-size:100%}
.toast-content{}
.item-panel-show{height:1rem;padding:.1rem 0;position:relative;border-bottom:1px solid #ddd}
.item-panel-show.panel-show-active{background-color:rgba(204,204,204,0.4)}
.item-panel-songs{display:-webkit-box;display:box;padding-right:1.5rem}
.btn-play{width:1.5rem;position:absolute;top:0;right:0;bottom:0}
.collect-songs{height:1rem;line-height:1rem;font-size:.3rem;border-bottom:1px solid #ddd;position:relative}
.collect-songs::after{content:"";position:absolute;top:50%;right:.2rem;width:.12rem;height:.12rem;border-top:2px solid #ddd;border-right:2px solid #ddd;-webkit-transform:translate(0, -50%) rotate(45deg);transform:translate(0, -50%) rotate(45deg)}
.icon-collect{float:left;width:.6rem;height:.6rem;line-height:.6rem;text-align:right;margin-right:.2rem;margin-top:.18rem;font-size:.4rem}
.loading-more{height:.4rem;line-height:.4rem;padding:.3rem .2rem;font-size:.28rem;font-weight:normal;border-bottom:1px solid #ddd;text-align:center;background-color:#f7f7f7}
.banner{width:95%;margin:20px auto .4rem}
.banner .turnplate{position:relative}
.banner .turnplate canvas{display:block}
.banner .turnplate canvas.item{width:100%}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%}
.rotate-info{margin:1px 15px 15px 15px;border-radius:5px;padding:2px;background-color:#fef8b2;box-shadow:0 0 6px rgba(0,0,0,0.5)}
.rotate-info .info-wrap{border-radius:5px;border:1px dashed rgba(0,0,0,0.3);font-size:14px}
.rotate-info .info-title{padding:0 5px 0 10px;background:url(../imgs/title-bg-green.png) no-repeat 0 0;border-radius:3px 3px 3px 0;color:#fff;height:22px;margin:-1px}
.rotate-info .info-detail{padding:15px}
.mybox-cont{background:#fff;margin-bottom:5px}
.mybox-cont .cont-title{height:36px;line-height:36px;padding-left:16px;border-bottom:1px solid #f7f7f7;background-color:#f2f2f2}
.mybox-cont .cont-title>h2{font-weight:400;font-size:16px;float:left}
.mybox-cont .cont-title>h2:before{display:block;content:"";width:3px;height:18px;float:left;margin:10px 5px 0 0;background-color:#0083ff}
.mybox-cont .cont-list .list-item{height:45px;line-height:45px;border-bottom:1px solid #f7f7f7;background-color:#fbfbfb}
.mybox-cont .cont-list .list-item .service-btn{display:block;float:left;width:30px;height:100%;padding:0 10px;background:url(../images/radio.png) no-repeat center;background-size:17px 17px}
.mybox-cont .cont-list .list-item .service-btn-active{background:url(../images/radio-active2.png) no-repeat center;background-size:17px 17px}
.mybox-cont .cont-list .list-item .count-price{font-weight:700}
.mybox-cont .payment-btn{display:block;width:146px;height:48px;margin:32px auto 0;background:#138fe9;border-radius:6px;text-align:center;line-height:48px;font-size:23px;color:#fff}
.mybox-cont .cont-duanluo{height:40px;line-height:40px;font-size:17px;padding:0 10px;display:box;display:-webkit-box}
.mybox-cont .cont-mid{position:relative}
.mybox-cont .cont-duanluo>p{box-flex:1;-webkit-box-flex:1;font-size:13px}
.mybox-cont .cont-duanluo>div.operbtn-group{position:absolute;right:10px;top:0}
.mybox-cont .cont-duanluo .operbtn-group .operbtn-default,.mybox-cont .cont-duanluo .operbtn-group .operbtn-active{display:inline-block;width:35px;height:35px;text-align:center;font-size:13px;vertical-align:middle}
.mybox-cont .cont-duanluo .operbtn-group .operbtn-default{color:#00f}
.mybox-cont .cont-duanluo .operbtn-group .operbtn-zhihuan{background:url(../images/zhihuan.png) no-repeat center;background-size:100%}
.mybox-cont .cont-duanluo .operbtn-group .operbtn-active{background-color:#138fe9;color:#fff}
.mybox-cont .cont-duanluo .operbtn-group .operbtn-delet{background:url(../images/shanchu.png) no-repeat center;background-size:100%}
.userTips-info{font-size:.32rem;text-indent:.4rem;display:none}
.g-dialog-container{position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:100}
.g-dialog-container .dialog-window{padding:12px;border-radius:10px;background-color:rgba(0,0,0,0.8);-webkit-transition:all .3s ease}
.g-dialog-container .dialog-window .dialog-header{width:40px;height:40px;margin:0 auto}
.g-dialog-container .dialog-window .dialog-header.ok{background:url("../imgs/icon1.png") no-repeat 0 0;background-size:40px}
.g-dialog-container .dialog-window .dialog-header.warning{background:url("../imgs/icon2.png") no-repeat 0 0;background-size:40px}
.g-dialog-container .dialog-window .dialog-content{padding:12px 12px 0;color:#fff;font-size:12px;line-height:180%;text-align:center}
.g-dialog-container .dialog-window .dialog-footer{display:flex;justify-content:center;align-items:center;padding:12px 12px 0}
.g-dialog-container .dialog-window .dialog-footer button{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.8);padding:.8em 1.8em;margin:.3em;border:none;color:#eee;text-shadow:#666 1px 1px 0}
.g-dialog-container .dialog-window .dialog-footer button.green{background-color:rgba(2,202,202,0.8)}
.g-dialog-container .dialog-window .dialog-footer button.red{background-color:rgba(251,23,50,0.8)}
.mine-content {
    overflow-x: hidden;overflow-y: auto;box-sizing: border-box;
    -webkit-box-sizing: border-box;height: 100%;
}
.mine-title {
    height: 0.8rem;line-height: 0.8rem;font-size: 20px;color: #fff;text-align: center;
    background-color: #696969;margin-bottom: 0.38rem;
}
.total-amount {
    text-align: center;background-color: #f3f3f3;padding: 0.34rem 0;
}
.total-amount .total-amount-img {
    width: 1.24rem;height: 1.24rem;display: block;margin: 0 auto 0.1rem;
}
.total-amount > p {
    font-size: 20px;
}
.total-amount .total-amount-price {
    display: block;font-size: 26px;margin-bottom: 0.35rem;
}
.total-amount .total-amount-btn {
    padding: 0 0.2rem;
}
.total-amount-btn > a {
    display: block;height: 0.64rem;line-height: 0.64rem; border-radius: 4px;border: 1 solid #8b8b8b;
    font-size: 20px;background-color: #4ec544;color: #fff;
}
.total-amount-btn > a.active {
    background-color: #ccc;color: #f6f6f6;
}
.spending-title {
    height: 0.88rem;line-height: 0.88rem;display: -webkit-flex;display: flex;
    -webkit-align-items: center;align-items: center;font-size: 18px;
    background-color: #7d7c7c;color: #fff; 
    
}
.spending-title-txt {
    -webkit-flex: 1;flex: 1;text-indent: 0.2rem;
}
.spending-title-btn {
    display: block;width: 50px;height: 100%;background: url(../images/arrow-down.png) no-repeat center center;
    -webkit-background-size: 0.26rem 0.16rem;background-size: 0.26rem 0.16rem;
}
.spending-title-btn-active {
    background: url(../images/arrow-up.png) no-repeat center center;
    -webkit-background-size: 0.26rem 0.16rem;background-size: 0.26rem 0.16rem;
}
.spending-body {
    border-top: 1px solid #363636;
}
.spending-body-item {
    display: -webkit-flex;display: flex;font-size: 16px;height: 0.74rem;
    -webkit-align-items: center;align-items: center;border-bottom: 1px solid #222;
    -webkit-justify-content: space-between;justify-content: space-between;
    padding: 0 0.1rem;
}
.spending-activity-name {
    width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
.spending-price {

}
.bootstrap-table {
		position: absolute;
		top: 51px;
		left: 0px;
		right: 10px;
		bottom:0px;
		height: 100%;
}
#app {
	position: relative;
}
.shrinks{
	height: 1000px; transform: scale(1); transform-origin: 0px 0px 0px; overflow: hidden;
}

input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px white inset!important;
}
